<template>
  <ul class="prolist">
    <li class="item" >
      <div class="itemimg">
        <img src="" alt="">
      </div>
      <div class="iteminfo">
        <h3>12312</h3>
        <p>已售3123件</p>
        <p>￥21312</p>
      </div>
    </li>
  </ul>
</template>
<script>
export default {}
</script>

<style lang="scss">
@import '@/lib/reset.scss';
.prolist {

  .item {
    @include rect(100%, 1rem);
    @include flexbox();
    @include border(0 0 1px 0, #ccc, solid);
    .itemimg {
      @include rect(1rem, 1rem);
      img {
        @include rect(.9rem, .9rem);
        @include background-color(#f66);
        @include display(block);
        @include margin(0.05rem);
      }
    }
    .iteminfo {
      @include flex();
    }
  }
}
</style>
